<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
<link rel="stylesheet" type="text/css" href="css/10png.css"/>
 <script src="14/flexible_css.debug.js"></script>
    <script src="../走秀02/js/flexible.js"></script>
    <script type="text/javascript" src="js/html5shiv.min.js" ></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <style type="text/css">
    	html,body {
    		font-size: 20px;
    	}
    	a {
    		text-decoration: none !important;	
    	}
    .fo {
    		display: flex;
    		width:94%;
    		justify-content: space-between;
    		margin-top: -1px;
    		margin-top: 20px;
    	}
    	.s {
    		width: 90%;
    		border-radius: 20px;
    		outline: none;
    		height:35px;
    		background: url(../走秀02/img/images/sousuo1_03.jpg) no-repeat 10px center;
    		margin-left: 4%;
    	}
    	p {
    		width:30%;
    		text-align: center;
    		border: 1px #AEAEAE solid;
    		border-radius: 35px;
    		height:35px;
    		line-height: 35px;
    		margin-left: 6%;
    	}
    	.ser {
    		display: none;
    		position: fixed;
    		top:30%;
    		left:50%;
    		width:100%;
    	}
    	  	fieldset {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  border: 1px #000 solid;
}
fieldset ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #000;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
fieldset ul li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  width: 20%;
  color: #fff;
  list-style: none;
}
fieldset ul li p {
  padding: 0;
}
fieldset ul li a {
  text-decoration: none;
  padding: 0.5em 1em 0.2em 1em;
  background: #000;
  display: -webkit-inline-box;
  border-radius: 0.5em;
  text-align: center;
  color: #fff;
}
fieldset ul li a dl {
  width: 2em;
}
fieldset ul li a dl dt img {
  width: 1.5em;
  height: 1.5em;
}
fieldset ul li a:hover {
  background: #6f6f6f;
}
    </style>
</head>
<body>
		<header>
			<span style="font-weight: bold;font-size: 20px;line-height:40px;">走秀搜索</span>
		</header>
		
		<section>
			<form action="" class="fo">
				<input type="search" name="" id=""  class="s"/><p class="SH">搜索</p>
			</form>
			<div class="ser"><img src="../走秀02/img/images/sousuo1_03.jpg"/width="40" height="40"><br /><br><b>搜索中...</b></div>
		</section>
		<fieldset>
		<ul>
			<li onclick="window.location='zouxiushouye1.html'">
				<a href="#">
				<dl>
					<dt><img src="img/fangzit.png"/></dt>
					<dd>首页</dd>
				</dl>
				</a>
			</li>
			<li>
				<a href="#" style="background: #6f6f6f;">
				<dl>
					<dt><img src="img/sousuot.png"/></dt>
					<dd>搜索</dd>
				</dl>
				</a>
			</li>
			<li onclick="location.href='submit.html'">
				<a href="#">
				<dl>
					<dt><img src="img/ren1t.png"/></dt>
					<dd style="width:100px !important; margin-left: -38px !important;">我的秀</dd>
				</dl>
				</a>
			</li>
			<li onclick="window.location='car.html'">
				<a href="#">
				<dl>
					<dt><img src="img/gouwuxhet.png"/></dt>
					<dd style="width:100px !important; margin-left: -38px !important;">购物车</dd>
				</dl>
				</a>
			</li>
			<li>
				<a href="genhduo.html">
				<dl>
					<dt><img src="img/xinp1l.png"/></dt>
					<dd>更多</dd>
				</dl>
				</a> 
			</li>
		</ul>
	</fieldset>
		<script src="js/jquery-1.11.2.min.js"></script>
		<script>
			$(function () {
				$('.SH').click(function () {
					$('.ser').show();
				});
			});
		</script>			
</body>
</html>